<template>
  <div
    :class="['container', `class${titleType}`, customClass]"
  >
    <div :class="`class${titleType}-title`">{{ title }}<slot name='title'></slot></div>
    <div :class="`class${titleType}-line`"><slot name='line'></slot></div>
    <div :class="`class${titleType}-body`">
      <slot name='body'></slot>
      <div :class="`class${titleType}-body-context`">{{ context }}</div>
    </div>
    <slot></slot>
  </div>
</template>
<script>
export default {
  props:{
      titleType:Number,
      customClass:String,
      title:String,
      context:String,
      titleType:Number
  },
  data() {
    return {};
  },
};
</script>
<style lang="less"  src='../index.less' scoped></style>